<template>
    <view class="historymatchResultContainer">
        <view class="errorBox">
            <empty emptyTitle="抱歉，暂未发现适合你的贷款产品"></empty>
            <view class="text">
                <view class="des">一键点击<text style="color: #1040f5" @click="goto">客服</text>，即刻连接专业团队，一对一免</view>
            </view>
        </view>
        <view class="submitBox">
            <button class="btn" @click="goto">咨询客服</button>
        </view>
    </view>
</template>
<script>
export default {
    data() {
        return {}
    },
    methods: {
        goto() {
            // #ifdef MP-WEIXIN
            wx.openCustomerServiceChat({
                extInfo: {
                    url: 'https://work.weixin.qq.com/kfid/kfc389dffe7ae981936'
                },
                corpId: 'ww1c4069be6ea4025e',
                showMessageCard: true,
                success(res) {
                    console.log(res);
                },
                fail(err) {
                    console.log(err);
                },
            })
            // #endif
        }
    }
}
</script>
<style lang="scss" scoped>
.historymatchResultContainer {
    min-height: 100vh;
    background-color: #fff;
    overflow: hidden;

    .submitBox {
        height: 148rpx;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;

        .btn {
            width: 686rpx;
            height: 88rpx;
            background: #2872fd;
            border-radius: 44rpx;
            line-height: 88rpx;
            color: #fff;
        }
    }

    .errorBox {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        border-top: 20rpx solid #f7f7f7;

        .img {
            width: 406rpx;
            height: 462rpx;
            margin-top: 74rpx;
        }

        .text {
            margin-top: -100rpx;

            .state {
                width: 100%;
                text-align: center;
                font-weight: 600;
                font-size: 32rpx;
                color: #191919;
            }

            .des {
                font-weight: 400;
                font-size: 26rpx;
                color: #545454;
                margin-top: 34rpx;
            }
        }
    }
}
</style>